<!DOCTYPE html>
<html lang="en">
<head>
    <title> CSS play | I'm forever blowing bubbles </title>
    <meta charset="utf-8">

    <link rel="stylesheet" href="bubbles/bubbles.css">
</head>

<body>

<div id="bubbles">
    <div class="sky"></div>
    <div class="grass"></div>
    <div class="head">
        <div class="hair-left"></div>
        <div class="hair-right"></div>
        <div class="eye-left"></div>
        <div class="eye-right"></div>
        <div class="mouth"></div>
    </div>
    <div class="body-left"></div>
    <div class="body-right"></div>
    <div class="right-leg"></div>
    <div class="left-leg"></div>
    <div class="foot"></div>
    <div class="left-arm"></div>
    <div class="right-arm"></div>
    <div class="left-hand"></div>
    <div class="right-hand"></div>
    <div class="hoop"></div>
    <div class="bubble b1"></div>
    <div class="bubble b2"></div>
    <div class="bubble b3"></div>
    <div class="bubble b4"></div>
    <div class="bubble b5"></div>
</div>
<p>Just a little light-hearted animation using no graphics and just CSS3 keyframes.</p>
<p>Compatible with Mozilla Firefox (5), Safari and Chrome</p>
<p>&copy; Stu Nicholls - <a href="http://www.cssplay.co.uk">CSS play</a>
</body>
</html>
